
    .bg{
        width: 100%; 
        height: 100%; 
        position: fixed; 
        top: 0; 
        left: 0;  
        z-index: 20; 
        background-color:rgb(0, 0, 0);  
        opacity: 0.3;
       }
    
      .active{
        width: 600rpx;
        height:800rpx;
        background-color: #fff;
        /* background-color: #fff; */
        position: fixed;
        top:48%;
        left:50%;
        transform: translate(-50%,-52%);
        z-index: 66;
        border-radius: 10rpx;
        .active-content{
            width: 600rpx;
            height:800rpx;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            text-align: center;
            border-radius: 10rpx;
            .active-img{
                /* width: 100%;
                height: 100%; */
                border-radius: 10rpx;
           }      
         }
       }
    
       .cancel{
        font-size: large;
        width: 60rpx;
        height: 60rpx;
        line-height: 60rpx;
        text-align: center;
        position: absolute;
        bottom:-120rpx;
        right: 50%;
        transform: translate(50%);
        color: #b7b5b4;
        z-index: 30;
        border-radius: 30rpx;
        background-color: #fff;
     }
    
       /* 储值 */
     .store{
      width: 500rpx;
      height:700rpx;
      position: fixed;
      top:48%;
      left:50%;
      transform: translate(-50%,-52%);
      z-index: 66;
      /* background-color: #fff; */
      border-radius: 10rpx;
      .store-content{
        width: 500rpx;
        height:700rpx;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        text-align: center;
        .store-img{
          /* width: 100%;
          height: 100%; */
          border-radius: 10rpx;
         }
         .store-favourable{
          display: flex;
          flex-flow: row wrap;
          align-items: center;
          position: absolute;
          width: 368rpx;
          height: 320rpx;
          top: 46%;
          left: 50%;
          transform: translate(-50%,-50%);
          .store-favourable-item{
            width: 100%;
            height: 70rpx;
            line-height: 70rpx;
            border-radius: 8rpx;
            color: #fff;
            font-size: 28rpx;
            font-family: PingFang SC;
            font-weight: 500;
           }
        }
       }
     }
    
     
      .btn{
        position: absolute;
        width: 368rpx;
        height: 70rpx;
        line-height: 70rpx;
        bottom:80rpx;
       left: 50%;
       transform: translate(-50%,-50%);
       border-radius: 8rpx;
       font-size: 28rpx;
        font-family: PingFang SC;
        font-weight: bold;
        color: #FFFAE8;
      }
    
     /* 悬浮图 */
      .suspension{
        pointer-events:none;
        z-index: 100;
        width: 100%;
        height: 76vh;
        position: fixed;
        top:200rpx;
        left: 0rpx;
        right: 0rpx;
    
        .movable-view{
            pointer-events:auto;
            /* 重设为auto,覆盖父属性设置  宽高要跟图片大小一致*/
            height: 104rpx;
            width: 104rpx;
            border-radius: 50%;
            background-color: #fff;
            
            .cancel-small-pic,.cancel-small-pic-left{
                position: absolute;  
                background-color: #fff;
                color:#b7b5b4;
                width: 31rpx;
                height: 31rpx;
                text-align: center;
                line-height:31rpx ;
                border-radius: 50%;
                z-index: 99;
              }
            .cancel-small-pic{
              right: 10rpx;
              top: -30rpx;
            }
            .cancel-small-pic-left{
              left:10rpx;
              top: -30rpx;
            }
            .small-pic{
                width: 100%;
                height: 100%;
                border-radius: 50%;
              }
           }
      }
    
     
     
    
      
      